import { Image, Text, View } from '@tarojs/components'
import Card from '../card'
import './index.less'

interface SupervisorCardProps {
  name: string
  phone: string
  avatar: string
  onCall?: () => void
}

const SupervisorCard: React.FC<SupervisorCardProps> = ({ name, phone, avatar, onCall }) => {
  return (
    <Card className='supervisor-card'>
      <View className='supervisor-header'>
        <Text className='supervisor-title'>现场监督信息</Text>
      </View>
      <View className='supervisor-content'>
        <View className='supervisor-info'>
          <Image className='supervisor-avatar' src={avatar} mode='aspectFill' />
          <View className='supervisor-details'>
            <Text className='supervisor-name'>{name}</Text>
            <Text className='supervisor-phone'>{phone}</Text>
          </View>
        </View>
      </View>
    </Card>
  )
}

export default SupervisorCard
